import React, {Component, Fragment} from 'react';
import {Card, Spin, Icon} from 'antd';

import './ui.less';

class Spins extends Component {
    render() {
        return (
            <Fragment>
                <Card title={'Spin的基本用法'} className={'card-wrap'}>
                    <Spin size={'small'}/>
                    <Spin/>
                    <Spin size={'large'}/>
                </Card>
                <Card title={'Spin的自定义用法'} className={'card-wrap'}>
                    <Spin tip={'加载中……'} />
                    <Spin indicator={<Icon type={'plus'} spin={true} style={{fontSize:24}} />} />
                    <Spin indicator={<Icon type={'loading'} style={{fontSize:24}} />} />
                    <Spin indicator={<Icon type={'drag'} spin={true} style={{fontSize:24}} />} />
                </Card>
            </Fragment>
        );
    }
}

export default Spins;